.message{
	list-style: none;
	padding-left: 0px;
	margin-top: 20px;

	li{
		border-bottom: 1px solid $gray-d;
		padding: 20px 0;
		position: relative;

		span{
			color: $gray-3;
			font-size: $fontSizeXS;
			line-height: 20px;
		}

		span:first-child{
			color: #BF0D23;
			float: left;
			font-size: 40px;
			width: 35px;
			position: relative;
			left: -10px;
			width: 20px;
		}

		span:nth-child(2){
			color: $gray-6;
			font-weight: bold;
			padding-right: 15px;
		}

		span:nth-child(3){
			a{
				color: $dodger-blue;
			}
		}

		span:nth-child(4){
			color: $gray-6;
			float: right;
			padding-right: 20px;
		}

		.hasRead{
			padding-left: 20px;
		}

		&:last-child{
			border-bottom: none;
		}

		&:hover{
			background-color: $gray-d;
			cursor: pointer;
		}
	}
}